/* 1、设置默认样式 */
*{margin: 0;padding: 0;box-sizing: border-box;}
ul,li{/* 消除实心小圆点 */list-style: none;}
img{max-width: 100%;}

/* 2、设置样式-设置导航栏 */
.header{
	display: flex;
	justify-content: space-between; 
  align-items:center;
	background: gray;
  padding:3px 0;
}
.logo{
  display:flex;
  align-items:center;
  padding-left:10px;
}
.logo>img{
	height: 30px;
	vertical-align: center;
}
ul{display: flex;} 
ul>li{
  /* line-height:12px; */
  padding:10px;
}
/* 3、设置样式-设置第二层布局 */
.content{
  display:flex;
  width:800px;
  margin-left:auto;
  margin-right:auto;
  margin-top: 8px;
}
.content>aside{
  background: #000;
  width:200px;
}
.content>main{
  background: #666;
  height:300px;
    flex-grow:1;
}
.content>.ad{
  background: #999;
  width:100px;
}
/* 4、设置样式-设置第三层布局 */
.imagesList{
    width:800px;
    margin-left:auto;
    margin-right:auto;
  margin-top:10px;
}
.imagesList>.x{
  display: flex;
  flex-wrap:wrap;
  margin-right:-12px;
}
.imagesList>.x>.image{
  width:191px;
  height:191px;
  background: grey;
  margin-right:12px;
  margin-bottom:10px;
}
